/**
*@Author 周贞荣
*@Modify 周贞荣
*@Date 2022/3/23 21:32
*@Description 文件功能描述
*/
<template>
    <div class="wh100 overflow-x myPage relative">
        <div class="topView">
            <div class="myPageBg"></div>
        </div>
        <div class="bgFF marginH10 paddingB10 radius10">
            <div class="paddingT20 paddingB10 flex items-center justify-between paddingH10">
                <span class="font14">我的订单</span>
                <span class="font14 color03">全部订单</span>
            </div>
            <van-grid>
                <van-grid-item icon-color="#f00000" icon="balance-list-o" text="待付款"/>
                <van-grid-item icon-color="#07c160" icon="todo-list-o" text="已付款"/>
                <van-grid-item icon-color="#1989fa" icon="gift-card-o" text="待收货"/>
                <van-grid-item icon-color="#f00000" icon="flower-o" text="待评价"/>
            </van-grid>
        </div>
        <div class="paddingL10 marginH10 marginT20 radius10 overflow-hidden bgFF">
            <van-cell title="地址管理" value="修改、更新地址" is-link/>
            <van-cell title="优惠卷" is-link/>
            <van-cell title="权益卡" is-link/>
            <van-cell title="积分" is-link/>
            <van-cell title="生日/纪念日" is-link/>
            <van-cell title="我的收藏" is-link/>
            <van-cell title="联系客服" is-link/>
            <van-cell title="帮助" is-link/>
            <van-cell title="关于我们" is-link/>
        </div>
        <div class="paddingH10 paddingV20">
            <van-button round type="danger" block>退出登录</van-button>
        </div>
        <div class="paddingB30"></div>
    </div>
</template>

<script>

</script>

<style scoped>
    .myPageBg {
        background-color: #f56c6c;
        height: 200px;
    }

    .topView {
        height: 150px;
    }
</style>
<style lang="scss">
    .myPage{
        .van-icon{
            display: flex;
            align-items: center;
        }
    }
</style>